<!--navbar-->
<div class="navbar">
    <div class="navbar-inner yellow-navbar" style="background-color: #FF9A0F">
        <div class="left">
            <a href="#" class="back link icon-only">
                <i class="f7-icons size-16">left</i>
            </a>
        </div>
        <div class="center">我的收藏</div>
        <div class="right"></div>
    </div>
</div>
<!-- Page, data-page contains page name-->
<div data-page="page.center.myCollect.index" class="page navbar-through no-toolbar">
    <div class="page-content center-scroll">
        <!--选项卡-->
        <div class="walletPassword-tab">
            <div class="tab-title row no-gutter">
                <!-- Link to 人才, active -->
                <a href="#tab-talent" class="tab-link col-50 active">
                    <p>人才</p>
                </a>
                <a href="#tab-service" class="tab-link col-50">
                    <p>服务</p>
                </a>
            </div>
            <div class="tabs">
                <!-- 人才, active by default -->
                <div id="tab-talent" class="tab active">
                    <div class="talent-box">
                        <a href="" class="talent-info row">
                            <div class="avatar col-20">
                                <img src="app/images/banner1.jpg" alt="">
                            </div>
                            <div class="word col-80">
                                <p class="name">小鹿工作室小鹿工作室小鹿工作室小鹿工作室小鹿工作室</p>
                                <p class="label">
                                    <span class="deal">交易1笔</span>
                                    <span class="price">￥1000.00</span>
                                    <span class="address">市辖区</span>
                                </p>
                            </div>
                        </a>
                        <div class="talent-btn row no-gutter">
                            <a href="" class="col-33">雇用TA</a>
                            <a href="" class="col-33">联系TA</a>
                            <a href="" class="col-33">取消收藏</a>
                        </div>
                    </div>
                    <div class="talent-box">
                        <a href="" class="talent-info row">
                            <div class="avatar col-20">
                                <img src="app/images/banner1.jpg" alt="">
                            </div>
                            <div class="word col-80">
                                <p class="name">小鹿工作室</p>
                                <p class="label">
                                    <span class="deal">交易1笔</span>
                                    <span class="price">￥1000.00</span>
                                    <span class="address">市辖区</span>
                                </p>
                            </div>
                        </a>
                        <div class="talent-btn row no-gutter">
                            <a href="" class="col-33">雇用TA</a>
                            <a href="" class="col-33">联系TA</a>
                            <a href="" class="col-33">取消收藏</a>
                        </div>
                    </div>
                </div>
                <div id="tab-service" class="tab">
                    <div class="service-box">
                        <a href="" class="service-info row">
                            <div class="avatar col-25">
                                <img src="app/images/banner1.jpg" alt="">
                            </div>
                            <div class="word col-75">
                                <p class="name">小鹿工作室小鹿工作室小鹿工作室小鹿工作室小鹿工作室</p>
                                <p class="label">
                                    <span class="unit-price">￥1000/件</span>
                                    <span class="address">市辖区</span>
                                </p>
                                <p class="number">已售出167次</p>
                            </div>
                        </a>
                        <div class="service-btn row no-gutter">
                            <a href="" class="col-25">购买服务</a>
                            <a href="" class="col-25">联系TA</a>
                            <a href="" class="col-25">TA的商铺</a>
                            <a href="" class="col-25">取消收藏</a>
                        </div>
                    </div>
                    <div class="service-box">
                        <a href="" class="service-info row">
                            <div class="avatar col-25">
                                <img src="app/images/banner1.jpg" alt="">
                            </div>
                            <div class="word col-75">
                                <p class="name">小鹿工作室小鹿工作室小鹿工作室小鹿工作室小鹿工作室</p>
                                <p class="label">
                                    <span class="unit-price">￥1000/件</span>
                                    <span class="address">市辖区</span>
                                </p>
                                <p class="number">已售出167次</p>
                            </div>
                        </a>
                        <div class="service-btn row no-gutter">
                            <a href="" class="col-25">购买服务</a>
                            <a href="" class="col-25">联系TA</a>
                            <a href="" class="col-25">TA的商铺</a>
                            <a href="" class="col-25">取消收藏</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>